//页面加载后运行的一些js
   //调整样式
   $(function () {
      $('.perms p').attr('style', 'margin-left: 20px;');
      //所有角色显示的换行设置
      var roled = $('.roled');
      roled.each(function (i) {
         if ( (i + 1) % 3 == 0 ) {
            $(this).after('<div style="clear:both;"></div>');
         }
      });
      $('.checkboxes label:first').attr('style', 'margin-left: 10px;');
   })

//点击设置时发起的ajax
$(document).on('click', '#updateUrl', function () {
   var that = $(this);
	var name = $(this).attr('data-role-name');
   $.ajax({
      type: 'get',
      url: 'Roles/'+name+'/edit',
      dataType: 'json',
      success: function (data) {
         if (data) {
         //为修改表单中的每个input附上相关的数据
            $('.update input[name="name"]').val(data.name);
            $('.update input[name="name"]').prop('data-name', data.name);
            $('.update input[name="display_name"]').val(data.display_name);
            $('.update textarea[name="description"]').val(data.description);
         //设置请求的路径
            $('.update').attr('action', 'Roles/'+data.id);
            //定义一个空数组存储改用户的角色
            var perm = [];
            $(data.perms).each(function (i) {
               perm[i] = this.id.toString();
            });
            //遍历表单中的所有角色checkbox,判断用户是否有哪个角色，有则选中，无则清除checked属性
            $('.update input[name="perm[]"]').each(function () {
               if (jQuery.inArray($(this).val(), perm) != -1) {
                  $(this).prop('checked', true);
               }else{
                  $(this).removeAttr('checked');
               }
            });
         }
      }
   });
});
//点击删除时的提示
$('form.del').submit(function () {
   return confirm('确定删除？');
});

//添加表单中的名称框失去焦点时的判断
$('.add input[name="name"]').blur(function () {
   //删除提示
   $(this).prev('span').remove();
   //当input框没有值时：
   if (!$(this).val()) { 
      //给出提示并返回false
      $(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入角色名称</span>');
      return false;
   }

   if ($(this).prop('data')) {
      if ($(this).prop('data')) {

      }
   }

   //input框不为空时发起ajax判断角色名是否存在
   var name = $(this).val();

   //将input框的value值存储，当相邻的两次参数相同则不发起请求
   $(this).prop('data', name);

   //发起ajax
   isExists('get', $(this), 'Roles/'+name, 'name', '角色已存在');

});

//添加表单提交时的验证
$('.add').submit(function () {
   //判断名称框是否为空
   if (!$('.add input[name="name"]').val()){
      return false;
   };

   //判断是否有提示的span标签
   if ($('.add input[name="name"]').prev('span').length != 0) {
      return false;
   }
});

//修改表单的验证

//验证名称
$('.update input[name="name"]').blur(function () {
   $(this).prev('span').remove();
   //是否为空
   if(!$(this).val()){
      $(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入角色名称</span>');
      return false;
   };
   //当当前输入的名称不是原来的名称时发起ajax判断是否存在
   if ($(this).val() != $(this).prop('data-name')) {
      var name = $(this).val();
      isExists('get', $(this), 'Roles/'+name, 'name', '角色已存在');
   }
});

//修改表单提交的验证
$('.update').submit(function () {
   if ($('.update input[name="name"]').prev('span').length != 0) {
      return false;
   }
});
